

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
  <link rel="stylesheet" href="https://static.pingendo.com/bootstrap/bootstrap-4.3.1.css">
</head>

<body>
{% load my_filter %}
  <div class="py-5">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <h2>{{ ren.name }}</h2>
          <h3>{{ ren.get_nums_type_display }}:{{ ren.nums }}</h3>
          <h3>宝石镶嵌,装备附魔增加属性点:{{ ren.nums_bf}}</h3>
          <table class="table table-bordered">
            <thead>
              <tr>
                <th>属性</th>
                <th>值</th>
              </tr>
            </thead>
            <tbody>
            {% for key,value in data.items %}
              <tr>
                <td>{{ key }}</td>
                <td>{{ value }}</td>
              </tr>
            {% endfor %}
            </tbody>
          </table>

          <table class="table table-bordered">
            <thead>
              <tr>
                <th>序号</th>
                <th>职业</th>
                <th>技能名称</th>
                <th>技能效果<br></th>
              </tr>
            </thead>
            <tbody>
            {% for jn in jns %}
              <tr>
                <td>{{ forloop.counter }}</td>
                <td>{{ jn.jineng.get_zhiye_display }}</td>
                <td>{{ jn.jineng.name }}</td>
                <td>
                  {% for item in jn.jineng.attrs.all %}
                      {{item.attr_name}}{{item.attr_value|percentage}}<br>
                  {% endfor  %}
                </td>
              </tr>
            {% endfor %}
            </tbody>
          </table>


        </div>
      </div>
    </div>
  </div>
  <div class="">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <table class="table table-bordered">
            <thead>
              <tr>
                <th>装备类型</th>
                <th>装备名称</th>
                <th>装备效果<br></th>
              </tr>
            </thead>
            <tbody>
            {% for zb in zbs %}
              <tr>
                <td>{{ zb.zhuangbei.get_leixing_display }}</td>
                <td>{{ zb.zhuangbei.name }}</td>
                <td>
                  {% for item in zb.zhuangbei.zhuangbei_attrs.all %}
                    {{ item.attr_name }}{{ item.attr_value }}<br>
                  {% endfor  %}
                </td>
              </tr>
            {% endfor %}

            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
  <div class="py-5">
    <div class="container">
      <div class="row">
<!--        <div class="col-md-12"><a class="btn btn-primary" href="#">生成结果</a></div>-->
      </div>
    </div>
  </div>
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  </body>

</html>